<template>
  <div>
    <Mtitle MtitleTxt="签到福利" />
    <div>
      <p class="tit">我的燃豆</p>
    </div>
    <div class="qiandao">
      <p class="tit">连续签到*天</p>
      <div class="qd-box">
        <p>1天</p>
        <p>2天</p>
        <p>3天</p>
        <p>4天</p>
        <p>5天</p>
        <p>6天</p>
        <p>7天</p>
      </div>
    </div>
    <Everytest />
  </div>
</template>

<script>
import Mtitle from "../../../components/my/Mtitle.vue";
import Everytest from "../../../components/my/Everytest.vue";

export default {
  components: {
    Mtitle,
    Everytest,
  },
};
</script>

<style lang="scss" scoped>
.tit {
  font-size: 28px;
  font-weight: bold;
  margin-left: 64px;
}
.qiandao {
  margin-top: 300px;
  .qd-box {
    margin-left: 50px;
    margin-top: 52px;
    width: 650px;
    height: 330px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    p {
      width: 140px;
      height: 140px;
      border-radius: 26px;
      background-color: #cecece;
      text-align: center;
      line-height: 140px;
    }
    p:last-of-type {
      width: 280px;
    }
  }
}
</style>